
<template>
  <div class="school">
    <h1>{{msg}}</h1>
    <h2>学生名称：{{name}}</h2>
    <h2>学生性别：{{sex}}</h2>
    <h2>学生年龄：{{age}}</h2>
  </div>
</template>

<script>
export default {
  name: "Student",
  data(){
    return{
      msg:'我是一个学生',
    }
  },
  //props:['name','sex','age']//简单申明接收
  //接受的同时对数据类型进行限制
  // props:{
  //   name:String,
  //   sex:String,
  //   age:Number
  // }
  //接受的同时对数据：进行类型限制+默认值的认定+必要性限制
  props:{
    name:{
      type:String,//name的类型是字符串
      required:true//name是必要的
    },
    age:{
      type:Number,
      default:99//默认值
    },
    sex:{
      type:String,
      required:true
    }
  }
}
</script>

<style scoped>
.school{
  background-color: cadetblue;
}
</style>